<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>基于Electron的逻辑电路实验软件开发 :: 本科毕业设计题目简介</title>
    <meta name="generator" content="Antora 3.1.2">
    <link rel="stylesheet" href="../_/css/site.css">
    <script>var uiRootPath = '../_'</script>
  </head>
  <body class="article">
<header class="header">
  <nav class="navbar">
    <div class="navbar-brand">
      <a class="navbar-item" href="..">本科毕业设计题目简介</a>
      <button class="navbar-burger" data-target="topbar-nav">
        <span></span>
        <span></span>
        <span></span>
      </button>
    </div>
    <div id="topbar-nav" class="navbar-menu">
      <div class="navbar-end">
        <a class="navbar-item" href="#">Home</a>
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link" href="#">Products</a>
          <div class="navbar-dropdown">
            <a class="navbar-item" href="#">Product A</a>
            <a class="navbar-item" href="#">Product B</a>
            <a class="navbar-item" href="#">Product C</a>
          </div>
        </div>
        <div class="navbar-item has-dropdown is-hoverable">
          <a class="navbar-link" href="#">Services</a>
          <div class="navbar-dropdown">
            <a class="navbar-item" href="#">Service A</a>
            <a class="navbar-item" href="#">Service B</a>
            <a class="navbar-item" href="#">Service C</a>
          </div>
        </div>
        <div class="navbar-item">
          <span class="control">
            <a class="button is-primary" href="#">Download</a>
          </span>
        </div>
      </div>
    </div>
  </nav>
</header>
<div class="body">
<div class="nav-container" data-component="bysj2023" data-version="">
  <aside class="nav">
    <div class="panels">
<div class="nav-panel-menu is-active" data-panel="menu">
  <nav class="nav-menu">
    <h3 class="title"><a href="index.html">题目简介</a></h3>
<ul class="nav-list">
  <li class="nav-item" data-depth="0">
<ul class="nav-list">
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="index.html">欢迎</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="基于Electron的RISC-V汇编器的开发.html">基于Electron的RISC-V汇编器的开发</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="基于Electron的LoongArch汇编器的开发.html">基于Electron的LoongArch汇编器的开发</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="基于Electron的Cache教学仿真软件设计.html">基于Electron的Cache教学仿真软件设计</a>
  </li>
  <li class="nav-item is-current-page" data-depth="1">
    <a class="nav-link" href="基于Electron的逻辑电路实验软件开发.html">基于Electron的逻辑电路实验软件开发</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="基于VS%20CODE的RISC-V汇编器的开发.html">基于VS CODE的RISC-V汇编器的开发</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="基于VS%20CODE的LoongArch汇编器的开发.html">基于VS CODE的LoongArch汇编器的开发</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="基于Qt的CPU模拟器外设组件开发.html">基于Qt的CPU模拟器外设组件开发</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="基于Y86-64%20CPU教学实验设计.html">基于Y86-64的CPU教学实验设计</a>
  </li>
  <li class="nav-item" data-depth="1">
    <a class="nav-link" href="基于龙架构的CPU教学实验设计.html">基于龙架构的CPU教学实验设计</a>
  </li>
</ul>
  </li>
</ul>
  </nav>
</div>
<div class="nav-panel-explore" data-panel="explore">
  <div class="context">
    <span class="title">题目简介</span>
    <span class="version">default</span>
  </div>
  <ul class="components">
    <li class="component is-current">
      <a class="title" href="index.html">题目简介</a>
      <ul class="versions">
        <li class="version is-current is-latest">
          <a href="index.html">default</a>
        </li>
      </ul>
    </li>
  </ul>
</div>
    </div>
  </aside>
</div>
<main class="article">
<div class="toolbar" role="navigation">
<button class="nav-toggle"></button>
  <a href="index.html" class="home-link"></a>
<nav class="breadcrumbs" aria-label="breadcrumbs">
  <ul>
    <li><a href="index.html">题目简介</a></li>
    <li><a href="基于Electron的逻辑电路实验软件开发.html">基于Electron的逻辑电路实验软件开发</a></li>
  </ul>
</nav>
  <div class="edit-this-page"><a href="file:///D:/gitCode/bysj2023//adoc/modules/ROOT/pages/基于Electron的逻辑电路实验软件开发.adoc">Edit this Page</a></div>
</div>
  <div class="content">
<aside class="toc sidebar" data-title="Contents" data-levels="2">
  <div class="toc-menu"></div>
</aside>
<article class="doc">
<h1 class="page">基于Electron的逻辑电路实验软件开发</h1>
<div class="sect1">
<h2 id="_论文研究方向"><a class="anchor" href="#_论文研究方向"></a>论文研究方向</h2>
<div class="sectionbody">
<div class="paragraph">
<p>计算机应用</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_题目简述"><a class="anchor" href="#_题目简述"></a>题目简述</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Electron是由Github开发的一个开源框架。Electron以Node.js作为运行时，以Chromium作为渲染引擎，使开发者可以使用HTML、CSS和JavaScript等前端技术栈来开发跨平台桌面GUI应用。已经有很多桌面应用采用Electron开发，其中不乏耳熟能详的知名软件，如Skype、VS CDOE、飞书等，据悉腾讯计划在2023年用Electron重构QQ。</p>
</div>
<div class="paragraph">
<p>江苏大学远程FPGA虚拟实验平台为用户提供了在线FPGA实验环境。实验分为逻辑电路实验和CPU实验，线上的实验环境使得用户可以在任何时间地点通过浏览器远程操作真实的硬件实验板。但是纯线上的实验环境使得学生看不到真实实验板上元器件的变化，使学生不免心里“发虚”。同时，当实验板出现故障时，学生不能第一时间发现，需要服务器管理人员进行确认，并且当线上服务器出现故障时，有时的排查时间较长，导致进行实验的所有学生不得不暂停实验，浪费较多的时间。所以考虑线上线下结合的实验方式，这样当线上环境出现问题时，线下环境照常进行，所以本课题旨在开发一款与远程FPGA虚拟实验平台有着一致的用户界面的无缝衔接的本地实验软件。</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_本题目预期目标"><a class="anchor" href="#_本题目预期目标"></a>本题目预期目标</h2>
<div class="sectionbody">
<div class="olist arabic">
<ol class="arabic">
<li>
<p>与远程实验平台有着基本一致的外观和相同的用户体验。</p>
</li>
<li>
<p>实验文件（如虚拟面板）与远程实验平台通用。</p>
</li>
<li>
<p>能够与本地实验板连接（有相关基础可提供支持）。</p>
</li>
<li>
<p>用户能够登录远程实验平台，并提交实验结果。</p>
</li>
</ol>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_对学生知识与能力要求"><a class="anchor" href="#_对学生知识与能力要求"></a>对学生知识与能力要求</h2>
<div class="sectionbody">
<div class="olist arabic">
<ol class="arabic">
<li>
<p>具备一定的程序设计和调试的能力；同时具备较强的自学和钻研能力。</p>
</li>
<li>
<p>熟悉Web前端开发技术。</p>
</li>
</ol>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_主要参考资料"><a class="anchor" href="#_主要参考资料"></a>主要参考资料</h2>
<div class="sectionbody">
<div class="olist arabic">
<ol class="arabic">
<li>
<p>《Electron实战 入门、进阶与性能优化》</p>
</li>
<li>
<p>《深入浅出Electron：原理、工程与实践》</p>
</li>
<li>
<p>《Javascript权威指南》</p>
</li>
</ol>
</div>
<div class="sidebarblock">
<div class="content">
<div class="title">备注</div>
<div class="ulist">
<ul>
<li>
<p>只做逻辑电路实验，不要求CPU实验</p>
</li>
<li>
<p>基本要求是能打开jvp虚拟面板文件，不要求虚拟面板的设计功能</p>
</li>
<li>
<p>可不要求实现登录远程实验平台并提交实验结果</p>
</li>
<li>
<p>希望能与本地实验板连接，但不做要求</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</article>
  </div>
</main>
</div>
<footer class="footer">
  <p>This page was built using the Antora default UI.</p>
  <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
</footer>
<script id="site-script" src="../_/js/site.js" data-ui-root-path="../_"></script>
<script async src="../_/js/vendor/highlight.js"></script>
  </body>
</html>
